<%@ page contentType="text/html; charset=utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/jsp/common/common.jsp"%>
<html style="height: 100%; overflow: hidden;">
<head>
    <title>领导列表</title>
    <style>
        .div-inline{
            display:inline;
            display:table-cell;
        }
        .flexigrid div.hDiv th {
            font-size:12px;
        }
        /* 隐藏鼠标点击这些元素时出现的光标 */
        div, span, p {
            caret-color: transparent;
        }
    </style>
    <script text="text/javascript">

        var grid;
        var searchobj2;

        $(document).ready(function() {
            initGrid();
            // initSearch();
        });

        function initGrid(){
            // var clientHeight = document.body.clientHeight - document.body.clientHeight*0.17;
            filter = new Object();
            //定义列表中的列
            var colModels =[{
                display : 'id',//显示名称
                name : 'id',//字段名称
                width : '15%',//列宽度
                sortable : true,
                align : 'center',
                type : 'checkbox'
            },{
                display : '姓名',//显示名称
                name : 'name',//字段名称
                width : '84%',//列宽度
                sortable : true,
                align : 'left'
            }];

            grid = $("#mytable").ajaxgrid({
                render : rend,//function rend(txt,rowData, rowIndex, colIndex,colObj)
                // click: clk,//单击事件
                // dblclick: dblclk,//双击事件
                colModel : colModels,
                usepager:false,
                parentId : "tableData",
                customize:false,//建议使用false 是保存用户自定义拖动列的大小，是则会保存用户自定义数据 就算修改了代码也只会去读用户的列的宽度不会根据你代码中的设置的宽度来
                managerName : "exportExcelCtrlManager",
                managerMethod : "getLeaderList"
            });
            $("#mytable").ajaxgridLoad();
        };

        function rend(txt,row, rowIndex, colIndex,col) {
            return txt;
        }


        function OK(){
            var selectRows = grid.grid.getSelectRows();
            if (selectRows.length > 0){
                return selectRows;
            }else {
                return [];
            }
        }

    </script>
</head>
<body class="body-pading-meeting" leftmargin="0" topmargin="" marginwidth="0" marginheight="0" style="height: 98%; overflow: hidden;">
<div style="display: flex">
    <div id="searchDiv" class="div-inline" style="margin-bottom: 5px;margin-left: auto"></div>
</div>

<div id="tableData" class="classification" style=" height: 100%">
    <div class="list">
        <div class="button_box clearfix">
            <table id="mytable" style="display: none;"></table>
        </div>
    </div>
</div>
</body>
</html>